<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>web结婚网</title>
		<style>
			 body{
				margin: 0;/* 去除边框 */
			}
			img{
				vertical-align: bottom;/* 图片水平 */
			} 
			h1,h2,h3,h4,h5,h6,body{
				margin: 0;/*去除边框*/
			}
			 /* .bd{ 
				border: ppx solid darkblue;
			} */
			.w{
				margin: 0 auto;
				width: 1080px;
			}
			.fl{
				float: left;/*浮动*/
			}
			.fr{
				float: right;
			}
		.ad1{
			padding: 15px 0px;
		}
		.ad2{
			
		}
		.banner{
			height: 570px;
			bottom: 15px;
		}
		.banner_l{
			padding-left: 12px;
		}
		.banner_ad{
			padding-top: 15px;
		}
		.banner_ad div:nth-child(2){
			padding-left: 15px;
			padding-right: 15px; 
			/* padding: 0 15px; */
		}
		.title{
			border-bottom: 2px solid ;
			padding-top: 35px;
		}
		.title h3{
			font-family: "黑体";
			font-size: 24px;/* 字体大小 */
			line-height: 42px;
		}
		.brand{
			padding-top: 15px;
			height: 460px;
		}
		.brand.fl{
			padding-right:15px;
		}
		
		.brand div:nth-child(2){
			padding-left: 15px;
		}
		.brand div:nth-child(3){
			padding-left: 15px;
		}
		.brand div:nth-child(4){
			padding-left: 15px;
		}
		.x{
			padding-top: 15px;
		}
		.main_l{
			width: 375px;
			height: 609px;
			padding-top: 15px;
		}
		
		.main_r div{
			padding-left: 15px;
			padding-top: 15px;
		}
		</style>
		<!-- /*一下是banner区*/ -->
	</head>
	<body>
		<div class="w header">
			<img src="images/ca_02.gif" alt="">
		</div>
		<div class="w ad1">
			<img class=c2 src="images/ad_06.gif" alt="">
		</div>
		<div class="w ad2">
			<img  src="images/ad_08.gif" alt="">
		</div>
		<!-- /*以下是banner区*/ --> 
		<div class="w banner">
			<div class="banner_l fl">
				<img src="images/banner_ad_08.gif" alt="">
				<div></div>
				<div class="banner_ad">
					<div class="fl"><img src="images/banner_ad_12.gif" alt=""></div>
					<div class="fl"><img src="images/banner_ad_14.gif" alt=""></div>
					<div class="fl"><img src="images/banner_ad_16.gif" alt=""></div>
				</div>
			</div>
			<div class="banner_r f1"><img src="images/banner_ad_10.gif" alt=""> </div>
		</div>
		<!-- 以下是main区 -->
		<div class="ad w main">
			<div class="title">
				<h3>品牌</h3> <!-- 字体大小从三四开始 -->

			</div>
			<div class="brand">
				<!-- div.fl*4>img    水平布局 -->
				<div class="fl"><img src="images/b-01_15.gif" alt=""></div>
				<div class="fl"><img src="images/b-01_17.gif" alt=""></div>
				<div class="fl"><img src="images/b-01_19.gif" alt=""></div>
				<div class="fl"><img src="images/b-01_21.gif" alt=""></div>
			</div>
			<div class="title">
				<h3>风格</h3>
			</div>
			<div class=""></div>
		</div>
		<!-- 以下是main区 -->
		<div class="w main">
			<div class="main_l fl">
				<div class=" s"><img src="images/m_l_03.gif" alt=""></div>
				<div class=" x"><img src="images/m_l_06.gif" alt=""></div>
			</div>
			<div class="main_r">
				<div class="fl"><img src="images/m_r-01_03.gif" alt=""></div>
				<div class="fl"><img src="images/m_r-01_05.gif" alt=""></div>
				<div class="fl"><img src="images/m_r-01_07.gif" alt=""></div>
				<div class="fl"><img src="images/m_r-01_12.gif" alt=""></div>
				<div class="fl"><img src="images/m_r-01_13.gif" alt=""></div>
				<div class="fl"><img src="images/m_r-01_14.gif" alt=""></div>
				<div class="fl"><img src="images/m_r-01_18.gif" alt=""></div>
				<div class="fl"><img src="images/m_r-01_19.gif" alt=""></div>
				<div class="fl"><img src="images/m_r-01_20.gif" alt=""></div>
			</div>
		</div>
		
		
		
	</body>
</html>
